import React, { FC } from 'react';

import { useInitData } from '@libs/common/react-hooks/useInitData';

import { ResumeDetail } from '../components/resume-detail/ResumeDetail';
import { TemplateDetailInitData } from '../models/template-detail.types';

const COM_PREKEY = 'ResumeTmplDetailPage';

interface ResumeTmplDetailPageProps {}

const ResumeTmplDetailPage: FC<ResumeTmplDetailPageProps> = (props) => {
    const initData = useInitData<TemplateDetailInitData>();

    return (
        <>
            <ResumeDetail
                templateName={initData?.name}
                templateData={initData?.data}
                templateStyle={initData?.style}
            />
        </>
    );
};

ResumeTmplDetailPage.displayName = 'ResumeTmplDetailPage';

export { ResumeTmplDetailPage, ResumeTmplDetailPageProps };
